import React from 'react';
import { Row, Col, Icon } from 'antd';
import './style.css'
import { axhelper } from '@/shared/axhelper';

const Layout: React.FC<any> = ({ children }) => {
    return (
        <>
            <div className="workbench-sidebar" id="dashboard-sidebar">
                <div className="ui fluid vertical menu">
                    <a className="item active" data-name="show" onClick={(e) => axhelper.handleClickMenu(e, '/buyer/fund/data')}>
                        <Icon type="appstore" />
                        <div className="sidebar-icon-name">
                            概览
                        </div>
                    </a>
                    <a className="item" data-name="show" onClick={(e) => axhelper.handleClickMenu(e, '/buyer/fund/recharge')}>
                        <Icon type="appstore" />
                        <div className="sidebar-icon-name">
                            充值
                        </div>
                    </a>
                    <a className="item" data-name="show" onClick={(e) => axhelper.handleClickMenu(e, '/buyer/fund/use/record')} >
                        <Icon type="appstore" />
                        <div className="sidebar-icon-name">
                            使用记录
                        </div>
                    </a>
                    <a className="item" data-name="show" onClick={(e) => axhelper.handleClickMenu(e, '/buyer/fund/use/my')} >
                        <Icon type="appstore" />
                        <div className="sidebar-icon-name">
                            我的使用
                        </div>
                    </a>
                </div>
            </div>
            <Row style={{ marginLeft: 60 }}>
                <Col span={24}>
                    {children}
                </Col>
            </Row>
        </>
    );
};

export default Layout;

